<div class="mst">
  <nz-radio-group [(ngModel)]="size">
    <div nz-radio-button [nzValue]="'large'">Large</div>
    <div nz-radio-button [nzValue]="'default'">default</div>
    <div nz-radio-button [nzValue]="'small'">small</div>
  </nz-radio-group>
  <div class="msr">
    <button nz-button [nzSize]="size" nzType="primary">primary</button>
    <button nz-button [nzSize]="size" nzType="default">default</button>
    <button nz-button [nzSize]="size" nzType="dashed">dashed</button>
    <button nz-button [nzSize]="size" nzType="link">link</button>
  </div>
  <div class="msr">
    <button nz-button [nzSize]="size" nzType="primary">
      <span nz-icon nzType="download"></span>
    </button>

    <button nz-button [nzSize]="size" nzType="primary" nzShape="circle">
      <span nz-icon nzType="download"></span>
    </button>

    <button nz-button [nzSize]="size" nzType="primary" nzShape="round">
      <span nz-icon nzType="download"></span>
    </button>

    <button nz-button [nzSize]="size" nzType="primary" nzShape="round">
      <span nz-icon nzType="download"></span>
      Download
    </button>

    <button nz-button [nzSize]="size" nzType="primary">
      <span nz-icon nzType="download"></span>
      Download
    </button>
  </div>
  <nz-button-group>
    <button nz-button nzType="primary" [nzSize]="size">
      <span nz-icon nzType="left"></span>
      Backward
    </button>
    <button nz-button nzType="primary" [nzSize]="size">
      Forward
      <span nz-icon nzType="right"></span>
    </button>
  </nz-button-group>
</div>
